/**
 * @name: style.css
 * @description: 首页样式表
 * @author: 干将
 * @update: 2015-05-25 0:0:00;
 */
@import url('./header.css');

/*swiper轮播*/
.swiper-container {
    width: 100%;
    height: 768px;
	background-color: #CCCCCC;
}  
/* 卡片部分 */
.header-card{
	position: absolute;
	bottom:0;
	left:0;
	z-index:3;
	width: 100%;
}
.card-content{
	padding-left:80px;
}
.card-content h2{
	color:#fff;
	line-height: 200px;
	font-size:25px;
}
.card-content ul li{
	float:left;
	width: 338px;
	height: 200px;
}
.card-content ul li + li{
	margin-left:50px;
}
.card-content ul li img{
	width:100%;
	height: 100%;
	border-radius: 12px;
}
/* 过渡背景 */
.mask{
	position: absolute;
	left:0;
	bottom:0;
	z-index:2;
	width:100%;
	height: 297px;
	background: url(../images/mask.png) no-repeat;
	background-size:100% 100%;
}

/* 内容块 */ 
.container{
	width:100%;
	background: url('../images/pic_background.png') no-repeat;
	background-size:100% 100%;
}
/* 开班计划 左侧 */
.content-wrap{
	margin-top:80px;
	margin-right:40px;
	color:#fff;
}
.plan-card{
	width:280px;
	height: 200px;
	padding-left:80px;
	background: #333335;
	overflow: hidden;
	box-sizing: border-box;
}
.plan-card h3{
	margin-top:50px;
	font-size:36px;
}
.plan-card p{
	margin-top:20px;
	font-size:18px;
}
.line{
	position: relative;
	height: 23px;
	margin-top:108px;
	margin-left: 80px;
}
.line:before{
	content: "";
	position: absolute;
	top:9.5px;
	width:110px;
	height: 4px;
	background: #fff;
	border-radius: 4px;
}
.line span{
	position: absolute;
	left:116px;	
}
/* 开班计划 右侧 */
.plan-right{
	margin-top:60px;
}
.plan-list li{
	float:left;
	width: 280px;
	overflow: hidden;
}
.plan-list li + li{
	margin-left:33px;
}
.plan-list li img{
	width: 280px;
	height: 150px;
}
.plan-list li h3{
	margin-top:20px;
	font-size:20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.plan-list li .crowd{
	margin-top:10px;
	font-size: 18px;
	opacity: .5;
}
.plan-list li .time{
	margin-top:20px;
	font-size: 18px;
}
.plan-list li .map{
	margin-top:10px;
	font-size: 18px;
}
.plan-list li .consultation{
	margin-top:20px;
}
.plan-list li .consultation a{
	padding:0px 18px;
	color:#fff;
	font-size:18px;
	background: #027BFB;
	border-radius: 12px;
}
/* 开班计划 下半部分 */
.course-list{
	margin-top:120px;
}
.course-list li{
	padding:30px 0;
	border-bottom:1px solid #838384;
}
.course-left{
	position: relative;
	height: 282px;
}
.course-title{
	width:460px;
}
.course-title h3{
	font-size:24px;
}
.course-title p{
	margin-top:30px;
	font-size: 14px;
	line-height: 21px;
}
.course-stage{
	position: absolute;
	bottom:0;
}
.course-stage p{
	position: relative;
	font-size:14px;
}
.course-stage p:after{
	content: "";
	position: absolute;
	top:8px;
	width:30px;
	height: 4px;
	margin-left:10px;
	background: #027BFB;
	border-radius: 4px;
}
.course-right{
	position: relative;
	width: 282px;
	height: 282px;
}
.course-right img{
	width:100%;
	height: 100%;
}
.course-right a{
	position: absolute;
	right:0;
	left:0;
	top:0;
	bottom:0;
	z-index: 3;
	width:100%;
	height: 282px;
	background: url('../images/icon_play.png') no-repeat center;
}
/* 企业项目 */
.plan-original{
	margin:20px 0;
}
.original{
	padding:0 9px;
	background: #027BFB;
	border-radius: 12px;
}
.icon{
	display: inline-block;
	width: 18px;
	height: 15px;
	margin-left:12px;
}
.i0{
	background: url('../images/icon_Browse.png') no-repeat;
}
.i1{
	width: 18px;
	height: 13px;
	background: url('../images/icon_Comment.png') no-repeat;
}
.i2{
	width:14px;
	height: 14px;
	background: url('../images/icon_like.png') no-repeat;
}

.plan-author p{
	width:30px;
	height: 30px;
	background: url('../images/icon_qq.png') no-repeat center;
	border-radius: 100%;
}

.plan-author span{
	margin-left:36px;
	line-height: 30px;
}
.plan-line{
	width:100%;
	height: 0px;
	margin:30px 0;
	border-bottom:1px solid #838384;
}
/* 底部 */
.footer{
	width:100%;
	height: 200px;
	margin-top:30px;
	color:#fff;
}
.footer-wrap{
	position: relative;
	margin:0 40px;
	border-top:1px solid #838384;
}
.footer-logo{
	margin-top:70px;
	margin-left:40px;
}
.footer-txt{
	position: absolute;
	left:0;
	right:0;
	top:70px;
	margin:0 auto;
	width: 500px;
}
.footer-txt ul li {
	float:left;
}
.footer-txt ul li + li {
	margin-left:20px;
}
.footer-txt p{
	margin-top:10px;
	opacity: .5;
}
.qr-code li{
	float:left;
	margin-top:40px;
	text-align: center;
}
.qr-code li + li{
	margin-left:30px;
}
.qr-code li img{
	margin-top:10px;
	width:90px;
	height: 90px;
}

/*弹出层样式*/
.myModal {
  max-width: 600px;
  padding: 1em;
  background: #eee;
  display: none;
  position: relative;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
/*关闭按钮*/
.myModal-close {
  cursor: pointer;
  right: 5px;
  top: 5px;
  position: absolute;
  background: #222;
  color: #fff;
  border-radius: 100%;
  font-size: 14px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  width: 24px;
}





